/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  GNU General Public License version 2
  
  Author:
  IceTheme - http://wwww.icetheme.com
  
---------------------------------------------------------------- */


/* --------------- error and offline css -----------------------
This file is used for the error pages by joomla (error.php)
in conjuction with the IceTheme template
---------------------------------------------------------------- */

.wrapper { margin:0 auto; width:666px;}

body {
	background:#CEF6F5;}

#main_wrapper {}

#header {
	padding:0px 0 5px}

#logo {
	background:none!important;
	margin:0}
	

#content {
	background: #CEF6F5;
	border:1px solid #dcdcdc;
	margin:0 0 45px;
	padding:15px;}
	
	#content_inner {}


	
	#content h1 {
		font-size:1.7em;
		padding-bottom:.75em;}
		
	#content p {
		margin-bottom:.25em;}
				

				
				
		#content form#form-login p {
			margin-bottom:1.5em}
			
			#content form#form-login p label {
				text-align:right;
				display:inline-block;
				width:100px;
				padding-right:10px}
			
			#content form#form-login p#form-login-remember  {
				margin-bottom:0;
				margin-left:112px}
			
			#content form#form-login p#form-login-remember label {
				width:auto} 	
				
				
body.errorpage p.notice {
	margin-bottom:25px!important;}			
	



/* 
Accessibility Feature
----------------------
Used in case if the user hase disabled the stylesheets and wants
to skip to the main parts of the website
---------------------------------------------------------------- */
#accessibility{
	display:none;}
	
	
	
/* 
Site Main Wrapping
------------------
We use media queries technology to make your website looks great 
on almost all screen resolutions. Below its the widest width 
(1200px).
Please notice that the queries.css stylesheet the width for the 
wrapper changes according to the screen resolution of your users.

PLEASE BE CAREFUL WHEN WORKING WITH THE .wrapper property.
---------------------------------------------------------------- */
.wrapper  { 
		width:960px; 
		margin:0 auto;
	}



		
/* Header 
----------------*/
#header {
	border-bottom:1px solid #dedede;}


	
/* Logo
------------*/	
#logo {
	float:left;
	padding:10px 0 0px;}

		
	
	
/* Promo
contain the CSS for the promo module positions
------------*/	
#promo{
	border-bottom:1px dashed #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
	clear:both;}
	


/* Bottom
contain the CSS for the bottom module positions
------------*/	
#bottom {
	border-top: 1px dashed #ccc;
	padding-top:15px;
	margin-bottom:0;
	clear:both;}



	
/* social icons */	
div#social {
	position:relative;}
	
	div#social ul {
		list-style:none;
		margin:0;
		float:left;
		padding:0}
		
		div#social ul li {
			padding:0;
			float:left;
			margin:0}
			
			div#social ul li a {
				height:40px;
				width:39px;
				float:left;
				display:block;
				margin:0 4px 0 0;
				margin-bottom:7px;
				background:url(../images/social.jpg) no-repeat;
				text-indent:-9999em;}
				
					div#social ul li:last-child a {
						margin-bottom:0}
					
					div#social ul li a span {
						background:url(../images/social.jpg) no-repeat;
						height:40px;
						width:39px;
						display:block;
						-webkit-transition:all .5s ease-out;
						-moz-transition:all .5s ease-out;
						-o-transition:all .5s ease-out; 
						transition:all .5s ease-out;}
						
						div#social ul li a:hover span {
							opacity:0;}
						
				
				div#social ul li.social-facebook a {
					background-position:0 -200px}
					div#social ul li.social-facebook a span{
						background-position:0 0}	
						
				div#social ul li.social-twitter a {
					background-position:0 -240px}
					div#social ul li.social-twitter a span {
						background-position:0 -40px}
				
				div#social ul li.social-youtube a {
					background-position:0 -280px}
					div#social ul li.social-youtube a span {
						background-position:0 -80px}

				div#social ul li.social-linkedin a {
					background-position:0 -320px}
					div#social ul li.social-linkedin a span {
						background-position:0 -120px}
						
				div#social ul li.social-google a {
					background-position:0 -360px}
					div#social ul li.social-google a span {
						background-position:0 -160px}
								
								
								
								

		
/* Blockquote */
#blockquote	{
	float:right;
	max-width:540px;
	clear:right;
	margin:20px 0 0}
	
	#blockquote  blockquote:before,
	#blockquote  blockquote:after {
		  font-size:60px;}
		  
		#blockquote blockquote:before {
			 top:17px;
			 left:0; }
		 
		#blockquote blockquote:after { 
			 content: close-quote;
			 right:0;
			 bottom:-12px;}
		 
	
		#blockquote blockquote p {
			font-size:1.25em;
			padding:0 50px;
			color:#888;
			text-align:center;
			line-height:1.7em;
			font-style:normal}
		
	
		

/* Bottom
contain the CSS for the bottom module positions
------------*/	
#bottom {}
	
		

#icecarousel {
	border-top: 1px dashed #ccc;
	padding-top:25px;
	margin:35px 0 10px;}
	
	


/* -- Content --
Contain the CSS for the main and important part of the template
------------*/
#content {
	//background:url(../images/blue.jpg) center top no-repeat #a2e4fa;
	clear:both;
	//padding:15px 0;}	

		
		/* Main Column Separator 
		This code separate the "left" and "right" module position from the content. */	
		#columns-container {
			clear:both;
			position:relative;
			margin:0;}
			
			#outer-column-container {
				position:relative;
				padding-bottom:15px;
				border-style:solid;
				border-color:transparent;
				margin:0;}
				
				#inner-column-container{
					width: 100%;
					position:relative;
					border-right:1px solid transparent;
					border-left:1px solid transparent;
					margin-left:-1px;}
											   
					#source-order-container{
						min-height:450px;
						float: left;
						margin:0;
						width: 100%;}
		
		
							#middle-column{
								float: right;
								width: 100%;}			   
								
							#left-column{
								float: left;}
								
							#right-column{
								float: left;}
								
								.clear-columns { clear: both;}
								
								.inside { margin:0;  }
							
							
								#middle-column .inside {}	
								
		   
			

	

/* Banner position */
#banner{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:25px;
	display:block;}
	
	/* on the colusmns*/
	#left-column .bannergroup,
	#right-column .bannergroup {
		padding:10px 0}
	


/* -- IceSlideshow --
 contain the CSS to wrap the IceSlideshow module.
------------*/	
#iceslideshow {
	padding:0 20px;
	margin:5px -20px 15px;}




/* -- Footer --
this wrap the footer module position plus the copyright and 
other elements that you may find on the footer
------------*/
#footer {
	position:relative;
	border-top:1px solid #DEDEDE;
	overflow:hidden;
	clear:both;}
	
	
	
	

/*  -- Copyright -- 
this contains the codes for the footer module position and 
icetheme copyright logo or also the "go to top" link 
---------------*/
#copyright {
    clear: both;
    margin:-10px;
	border-top:1px solid #ccc}
	
			
	div#copytext {
		float:left;
		font-size:.9em;
		padding-top:15px; }
		
		div#copytext .footer2 { display:none; }
	
	
		
	div#icelogo { 
		padding:4px 18px 0 0;
		float:left;
		clear:both;}
		div#icelogo p { margin:0;}
			div#icelogo p a {
				display:block;
				background:url(../images/icetheme.png) no-repeat center center;
				width:122px;
				height:40px;
				margin:0 auto;
				-webkit-transition:all .5s ease-out;
				-moz-transition:all .5s ease-out;
				-o-transition:all .5s ease-out; 
				transition:all .5s ease-out;}
				
				div#icelogo p a:hover {
					-webkit-transform: rotate(360deg);}
					
					div#icelogo p a span { display:none}



	/* Go to Top */
	a#go2top {
		background:url(../images/go2top.png) no-repeat top;
		bottom: 9px;
		right:12px;
		width: 41px;
		height: 34px;
		padding:0;
		position: absolute;
		-webkit-transition:all .5s ease-out;
		-moz-transition:all .5s ease-out;
		-o-transition:all .5s ease-out; 
		transition:all .5s ease-out;}
		
		a#go2top:hover {
			background-position:bottom;}
			
		a#go2top span {
			display:none}




/* Miscellaneous CSS
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */
		
/* Template Styles custom code */
ul.ice-template-style {
	margin:0;
	padding:0;
	float:left}
	ul.ice-template-style li {
		float:left;
		margin:0 .5em .5em!important;
		padding:0!important;
		list-style-type:none;}
		
	ul.ice-template-style li span {
		display:block;
		padding:0 0 .3em;
		font-size:1.4em}	



/* Articles category module on the "right" position */
#right-column ul.category-module li {
	margin-bottom:1em}
	
	#right-column ul.category-module li h4 {
		font-size:1.1em;
		line-height:1.7em}
		
		#right-column ul.category-module li span.mod-articles-category-category {
			float:left;
			padding-right:10px;}


/* 
Extensions Overwrites
----------------------
Below you will find the CSS codes for the extensions that we
provide along with this template. Note that almost all the
extensions found here have their own CSS file on their 
respective folders. Also note that all the CSS codes here
overwrite the CSS code on the module folders. That's why we have
userd the !important feature many times below.
---------------------------------------------------------------- */

/* IceScroller Mod */
#icescroller {
	float:left;
	padding-top:14px;}
	
	
/* Tweet Display Back Module */
.twtr-widget .twtr-tweet {
	border-color:#666!important}	
		
/* Side Button */
#fbtab{
background: url(../images/side/Like.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:215px;height:45px;width:32px;margin:0;padding:0;position:fixed;z-index:5000;}

#fbtab a{display:block;width:100%;height:100%;}

#tweettab{
background: url(../images/side/Follow.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:262px;height:45px;width:32px;margin:0;padding:0;position:fixed;z-index:5000;}

#tweettab a{display:block;width:100%;height:100%;}

#youtubetab{
background: url(../images/side/vimeo.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:309px;;height:45px;width:32px;margin:0;padding:0;position:fixed;z-index:5000;}

#youtubetab a{display:block;width:100%;height:100%;}

#rsstab{
background: url(../images/side/RSS.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:356px;height:45px;width:32px;margin:0;padding:0;position:fixed;z-index:5000;}

#rsstab a{display:block;width:100%;height:100%;}

#contacttab{
background: url(../images/side/contact.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:404px;;height:45px;width:32px;margin:0;padding:0;position:fixed;z-index:5000;}

#contacttab a{display:block;width:100%;height:100%;}

#webmailtab{
background: url(../images/side/webmail.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:404px;;height:45px;width:32px;margin:0;padding:0;position:fixed;z-index:5000;}

#webmailtab a{display:block;width:100%;height:100%;}


/* End of Side Button */



/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  GNU General Public License version 2
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

html { font-size:100.01%; width:100%; margin:0 auto; }

body {
	color: #990099;
	background: #eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.5em;}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	line-height: 1.1em;
	margin-bottom:0;
	color: #990099; }

h1 { font-size: 2.75em;  }
h2 { font-size: 1.3em;}
h3 { font-size: 1.75em;   }
h4 { font-size: 1.5em;  }
h5 { font-size: 1.25em; font-weight: bold; }
h6 { font-size: 1.25em;}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.25em; }
p.last 		{ margin-bottom:0}
img 		{ }

	.blog-featured img, 
	.blog img,
	#promo img {
		margin:0 10px 10px 0;
		padding:5px;
		float:left;}



a:link { text-decoration: none; outline:none; color:#1016ff}
a:visited { text-decoration:none;color:#cc66cc}
a:hover { text-decoration:underline;}



blockquote  {
	position:relative;
 	margin:0 0 1.5em 1em;
 	quotes: "\201C" "\201D";}
	
	 blockquote:before,
	 blockquote:after {
		  position:absolute; 
		  font-weight: bold;
		  font-size:80px;
		  color:#e3e3e3;
		  font-family:Georgia, "Times New Roman", Times, serif; }
	 
	 blockquote:before {
		 content: open-quote;
		 top:25px;
		 left:0; }
	 
	 blockquote:after { 
		 content: close-quote;
		 right:0;
		 bottom:-5px}
	 
	 blockquote p {
		 font-family:Georgia, "Times New Roman", Times, serif;
		 font-size:1em;
		 font-style:italic;
		 margin-bottom:0;
		 line-height:2em;
		 padding:0 4em}
		 
 
strong      { font-weight: bold;  }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

hr 			{ 
	clear:both;
	margin:15px 0 14px;
	border:none;
	border-bottom:1px dashed #d1e5e8;
	height:auto;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


.floatleft { float:left; }
.floatright { float:right;}



/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 2em 1.5em 0; padding-left: 2.5em; }

li          { padding-top:.2em; padding-bottom:.2em}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 2em 0; }
dl dt       { font-weight: bold;  padding-top:.2em; padding-bottom:.2em}
dd          { margin-left: 1.5em; padding-top:.2em; padding-bottom:.2em}

	
	ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li, ul.note li {
		list-style-type:none;
		background-repeat: no-repeat; 
		background-position: center left;
		padding: 4px 0 3px 28px}
		
		ul.check li {
			background-image:url(../images/typo_check.png);}
		ul.arrow li { 
			background-image:url(../images/typo_arrow.png);}
		ul.cross li { 
			background-image:url(../images/typo_cross.png);}
		ul.light li { 
			background-image:url(../images/typo_light.png);}
		ul.star li { 
			background-image:url(../images/typo_star.png);}
		ul.note li { 
			background-image:url(../images/typo_note.png);}	
		
				
/* Tables
-------------------------------------------------------------- */

table       { width:100%; }
th          { font-weight: bold; }
th,td,caption { padding: 0; }
tr.even td  { background: #F3F8E5; }
tfoot       { font-style: italic; }
caption     { font-style:italic;  }



/* Table with Decoration
Use the class "custom" to decorate your tables,
Also the table with class "category" below is used by Joomla to output
some of the tables into the the Joomla core components */

table.custom,
table.category { 
	clear:both;
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	text-shadow: 0 1px 0 #fff;
	background: #fff;
	border:1px solid #dcdcdc;
	border-bottom:none;}
	
	table.custom td,
	table.category td {
	  padding: 5px 10px;
	  border-bottom: 1px solid #dcdcdc;
	  -moz-box-shadow: 0 1px 0 #fff;
	  -webkit-box-shadow: 0 1px 0 #fff;
	   box-shadow: 0 1px 0 #fff;}

	  table.custom  tr,
	  table.category  tr {
		-webkit-transition:all .5s ease;
		-moz-transition:all .5s ease;
		-o-transition:all .5s ease;
		transition:all .5s ease;}
		
		table.category tr.cat-list-row1,
		table.custom tr.cat-list-row1 {
			background:#eee}

	
	table.category thead th,
	table.custom thead th {
		font-size:1.3em;
		font-family:"Droid Sans",Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		padding:7px 10px;
		font-weight:normal;
		color:#fff;
		text-shadow:1px 1px 1px rgba(0,0,0,1);
		background:#303030;
		background: -moz-linear-gradient(top, #4A4A4A, #303030);
		background: -webkit-linear-gradient(top, #4A4A4A, #303030);
		background: -ms-linear-gradient(top, #4A4A4A, #303030);
		background: linear-gradient(top, #4A4A4A, #303030);}
		table.category thead th a,
		table.custom thead th a {
			color:#fff!important}




/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .9em; color:#999}
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { font-style:italic; color:#444; background:#F7F7E9; padding:0 .15em!important; font-weight:normal!important; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.dropcap {
	color:#555;
	display: block; 
	float:left; 
	font: 6em/75% Georgia, "Times New Roman", Times, serif ;
	padding: 5px 12px 0 0;}
	
	
	

.col-module-content ul.menu li a {
	color: #660066;
	}
	
.djslider-loader{
	background: #fff;
	}